.appraisal-page {
  //padding: 20px;
  //font-size: 16px;

  .section {
    margin: 18px 31rpx;
    background: #F7FAF8;
    padding: 40rpx;
    border-radius: 12rpx;
    .section-title {
      font-size: 32rpx;
      font-weight: bold;
      margin-bottom: 20rpx;
    }
    .section-title::before {
      content: "";
      display: inline-block;
      width: 10rpx;
      height: 32rpx;
      background-color: #FE7407;
      margin-right: 8rpx;
      margin-left: 8rpx;
      margin-top: -10rpx ;
      vertical-align: middle;
      border-radius: 20rpx;
    }
    .form-item {
      display: flex;
      align-items: center;
      margin-bottom: 10rpx;

      .label {
        font-size: 20rpx;
        width: 120rpx;
      }
      radio{
        font-size: 20rpx;
      }
      .input {
        font-size: 20rpx;
        flex: 1;
        padding: 8rpx;
        border: 1rpx solid #ccc;
        border-radius: 30rpx;
      }
    }

    .photo-grid {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      gap: 10rpx;
      justify-content: center;
      margin-bottom: 20rpx;
      .photo-item {
        width: 185rpx;
        height: 185rpx;
        padding: 5rpx;

        .photo {
          width: 185rpx;
          height: 185rpx;
          object-fit: cover;
        }

        .photo-placeholder {
          width: 185rpx;
          height: 185rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: #f0f0f0;
          border: 1rpx dashed #ccc;
          font-size: 24rpx;
        }
      }
    }

    .textarea {
      width: 100%;
      padding: 8rpx;
      border: 1rpx solid #ccc;
      border-radius: 4rpx;
      height: 100rpx;
      margin-bottom: 20rpx;
    }

    .result-buttons {
      display: flex;

      .result-button {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 30rpx;
        background-color: #929292;
        color: white;
        width: 238rpx;
        height: 61rpx;
        font-size: 24rpx;
        font-weight: bold;
        &.active {
          background-color: #FE7407;
          //color: white;
        }
      }

      .result-button:last-child {
        //margin-right: 0;
      }
    }
  }

  .submit-button {
    padding: 20rpx 50rpx 50rpx 50rpx;

    .submit {
      width: 622rpx;
      height: 61rpx;
      border-radius: 30rpx;
      background-color: #FE7407;
      color: white;
      font-size: 24rpx;
      font-weight: bold;
    }
  }
}
